<!DOCTYPE html>
<html lang="ch">
{% load staticfiles %}
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>快捷选股</title>
    <!-- Bootstrap -->
    <link href="{% static 'common/css/bootstrap.min.css' %}" rel="stylesheet">
    <link href="{% static 'stock/css/analysis.css' %}" rel="stylesheet" type="text/css">

    {#	<link href="D:\study\github\django_stock\static\common\css\bootstrap.min.css" rel="stylesheet">#}
    {#    <link href="D:\study\github\django_stock\static\stock\css\analysis.css" rel="stylesheet" type="text/css">#}
</head>
<body>
<!--头部-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <a class="navbar-brand" href="">导航</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
                <a class="nav-link" href="/stock/index">主页</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/stock/attention">关注股票</a>
            </li>

        </ul>

    </div>
</nav>
<div class="center">




    <section>
        <!--快捷选股-->
        <div align="center" style="width: 100%">
            <div class="row">
                <div class="col-lg-12 mb-4 mt-2 text-center">
                    <h2>快捷选股</h2>
                </div>
            </div>
        </div>
        <div  align="center" style="width: 100%">
            <div class="row">
                <div class="col-lg-4 col-md-6 col-sm-12 text-center col-xl-2"><img class="rounded-circle" alt="140x140"
                                                                                   style="width: 140px; height: 140px;"
                                                                                   src="{% static 'stock/images/1.jpg' %}"
                                                                                   data-holder-rendered="true">
                    <div class="dropdown show">
                        <a class="btn btn-info dropdown-toggle" href="#" role="button" data-toggle="dropdown"
                           aria-haspopup="true" aria-expanded="false"> 资金净流入 </a>
                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="javascript:select_money_inflow(2,'in')">近2天资金净流入</a>
                            <a class="dropdown-item" href="javascript:select_money_inflow(3,'in')">近3天资金净流入</a>
                            <a class="dropdown-item" href="javascript:select_money_inflow(4,'in')">近4天资金净流入</a>
                            <a class="dropdown-item" href="javascript:select_money_inflow(5,'in')">近5天资金净流入</a>
                        </div>
                    </div>
                    <p><input type="checkbox" id="checkbox_inflow" onclick="merge_query_check(this)"/>在查询结果中查询</p>
                    <br>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 text-center col-xl-2"><img class="rounded-circle" alt="140x140"
                                                                                   style="width: 140px; height: 140px;"
                                                                                   src="{% static 'stock/images/2.jpg' %}"
                                                                                   data-holder-rendered="true">
                    <div class="dropdown show"><a class="btn btn-info dropdown-toggle" href="#" role="button"
                                                  data-toggle="dropdown" aria-haspopup="true"
                                                  aria-expanded="false">连续上涨</a>
                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="javascript:select_by_updown(2,'up')">连续2天上涨</a>
                            <a class="dropdown-item" href="javascript:select_by_updown(3,'up')">连续3天上涨</a>
                            <a class="dropdown-item" href="javascript:select_by_updown(4,'up')">连续4天上涨</a>
                            <a class="dropdown-item" href="javascript:select_by_updown(5,'up')">连续5天上涨</a>
                        </div>
                    </div>
                    <p><input type="checkbox" id="checkbox_updown_up" onclick="merge_query_check(this)"/>在查询结果中查询</p>
                    <br>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 text-center col-xl-2"><img class="rounded-circle" alt="140x140"
                                                                                   style="width: 140px; height: 140px;"
                                                                                   src="{% static 'stock/images/3.jpg' %}"
                                                                                   data-holder-rendered="true">

                    <div class="dropdown show"><a class="btn btn-info dropdown-toggle" href="#" role="button"
                                                  data-toggle="dropdown" aria-haspopup="true"
                                                  aria-expanded="false">近期涨幅较大股票</a>
                        <div class="dropdown-menu">

                            <a class="dropdown-item" href="javascript:select_by_pct_chg(3,'up',10)">3天涨幅超过10%</a>
                            <a class="dropdown-item" href="javascript:select_by_pct_chg(3,'up',15)">3天涨幅超过15%</a>
                            <a class="dropdown-item" href="javascript:select_by_pct_chg(3,'up',20)">3天涨幅超过20%</a>
                        </div>
                    </div>
                    <p><input type="checkbox" id="checkbox_up_pct_chg" onclick="merge_query_check(this)"/>在查询结果中查询</p>
                    <br>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 text-center col-xl-2">
                    <img class="rounded-circle" alt="140x140"
                         style="width: 140px; height: 140px;"
                         src="{% static 'stock/images/4.jpg' %}"
                         data-holder-rendered="true">

                    <div class="dropdown show"><a class="btn btn-info dropdown-toggle" href="#" role="button"
                                                  data-toggle="dropdown" aria-haspopup="true"
                                                  aria-expanded="false">资金净流出</a>
                        <div class="dropdown-menu">

                            <a class="dropdown-item" href="javascript:select_money_inflow(2,'out')">近2天资金净流出</a>
                            <a class="dropdown-item" href="javascript:select_money_inflow(3,'out')">近3天资金净流出</a>
                            <a class="dropdown-item" href="javascript:select_money_inflow(4,'out')">近4天资金净流出</a>
                            <a class="dropdown-item" href="javascript:select_money_inflow(5,'out')">近5天资金净流出</a>
                        </div>
                    </div>
                    <p><input type="checkbox" id="checkbox_outflow" onclick="merge_query_check(this)"/>在查询结果中查询</p>
                    <br>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 text-center col-xl-2"><img class="rounded-circle" alt="140x140"
                                                                                   style="width: 140px; height: 140px;"
                                                                                   src="{% static 'stock/images/5.jpg' %}"
                                                                                   data-holder-rendered="true">

                    <div class="dropdown show"><a class="btn btn-info dropdown-toggle" href="#" role="button"
                                                  data-toggle="dropdown" aria-haspopup="true"
                                                  aria-expanded="false">连续下跌</a>
                        <div class="dropdown-menu">

                            <a class="dropdown-item" href="javascript:select_by_updown(2,'down')">连续2天下跌</a>
                            <a class="dropdown-item" href="javascript:select_by_updown(3,'down')">连续3天下跌</a>
                            <a class="dropdown-item" href="javascript:select_by_updown(4,'down')">连续4天下跌</a>
                            <a class="dropdown-item" href="javascript:select_by_updown(5,'down')">连续5天下跌</a>
                        </div>
                    </div>
                    <p><input type="checkbox" id="checkbox_updown_down" onclick="merge_query_check(this)"/>在查询结果中查询
                    </p>
                    <br>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 text-center col-xl-2"><img class="rounded-circle" alt="140x140"
                                                                                   style="width: 140px; height: 140px;"
                                                                                   src="{% static 'stock/images/6.jpg' %}"
                                                                                   data-holder-rendered="true">

                    <div class="dropdown show"><a class="btn btn-info dropdown-toggle" href="#" role="button"
                                                  data-toggle="dropdown" aria-haspopup="true"
                                                  aria-expanded="false">近期跌幅较大股票</a>
                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="javascript:select_by_pct_chg(3,'down',10)">近3天跌幅近10%</a>
                            <a class="dropdown-item" href="javascript:select_by_pct_chg(3,'down',15)">近3天跌幅近15%</a>
                            <a class="dropdown-item" href="javascript:select_by_pct_chg(3,'down',20)">近3天跌幅近20%</a>

                        </div>
                        <p><input type="checkbox" id="checkbox_down_pct_chg" onclick="merge_query_check(this)"/>在查询结果中查询
                        </p>
                        <br>
                    </div>
                </div>

            </div>
        </div>
        <br>
        <hr>
        <!--条件选股-->
        <div align="center" style="width: 100%">
            <div class="row">
                <div class="col-lg-12 mb-4 mt-2 text-center">
                    <h2>条件选股</h2>
                </div>
            </div>
        </div>
        <div align="center" style="width: 100%" id="div_conditions">
            <div class="row">
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <table class="table table-hover table-striped">
                        <tbody>
                        <tr>
                            <th><input type="checkbox" id="checkbox_trade_date" onclick="check_click(this)"/></th>
                            <td>交易日期</td>
                            <td>
                                <input type="date" id="date_trade_date" disabled="disabled">
                            </td>
                            <td>默认本地日期</td>

                        </tr>
                        <tr>
                            <th><input type="checkbox" id="checkbox_circ_mv" onclick="check_click(this)"/></th>
                            <td>流动市值(万元)</td>
                            <td>
                                <select disabled="disabled" id="select_circ_mv">
                                    <option> <=</option>
                                    <option> >=</option>
                                </select>
                            </td>
                            <td><input type="number" style="width: 100px;" id="num_circ_mv" disabled="disabled"
                                       value="1000000"></td>
                        </tr>
                        <tr>
                            <th><input type="checkbox" id="checkbox_pe_ttm" onclick="check_click(this)"/></th>
                            <td>市盈率</td>
                            <td>
                                <select disabled="disabled" id="select_pe_ttm">
                                    <option> <=</option>
                                    <option> >=</option>
                                </select>
                            </td>
                            <td><input type="number" style="width: 100px;" id="num_pe_ttm" disabled="disabled"
                                       value="50"></td>
                        </tr>
                        <tr>
                            <th><input type="checkbox" id="checkbox_turnover_rate_f" onclick="check_click(this)"/></th>
                            <td>换手率</td>

                            <td>
                                <select disabled="disabled" id="select_turnover_rate_f">
                                    <option> >=</option>
                                    <option> <=</option>
                                </select>
                            </td>
                            <td><input type="number" style="width: 100px;" id="num_turnover_rate_f" disabled="disabled"
                                       value="5">
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 ">
                    <table class="table table-hover table-striped">
                        <tbody>
                        <tr>
                            <th><input type="checkbox" id="checkbox_pct_chg" onclick="check_click(this)"/>
                            </th>
                            <td>当日涨幅</td>
                            <td>
                                <select disabled="disabled" id="select_pct_chg">
                                    <option> >=</option>
                                    <option> <=</option>
                                </select>
                            </td>
                            <td><input type="number" style="width: 100px;" id="num_pct_chg"
                                       disabled="disabled" value="5"></td>
                        </tr>
                        <tr>
                            <th><input type="checkbox" id="checkbox_main_in" onclick="check_click(this)"/></th>
                            <td>主力净流入(万元）</td>

                            <td>
                                <select disabled="disabled" id="select_main_in">
                                    <option> >=</option>
                                    <option> <=</option>
                                </select>
                            </td>
                            <td><input type="number" style="width: 100px;" id="num_main_in" disabled="disabled"
                                       value="100"></td>
                        </tr>
                        <tr>
                            <th><input type="checkbox" id="checkbox_main_turnover_rate" onclick="check_click(this)"/>
                            </th>
                            <td>主力占换手比例</td>
                            <td>
                                <select disabled="disabled" id="select_main_turnover_rate">
                                    <option> >=</option>
                                    <option> <=</option>
                                </select>
                            </td>
                            <td><input type="number" style="width: 100px;" id="num_main_turnover_rate"
                                       disabled="disabled" value="40"/></td>
                        </tr>
                        <tr>
                            <th><input type="checkbox" id="checkbox_net_mf_amount" onclick="check_click(this)"/></th>
                            <td>总流入资金(万元)</td>
                            <td>
                                <select disabled="disabled" id="select_net_mf_amount">
                                    <option> >=</option>
                                    <option> <=</option>
                                </select>
                            </td>
                            <td><input type="number" style="width: 100px;" id="num_net_mf_amount" disabled="disabled"
                                       value="100"/>
                            </td>
                        </tr>

                        </tbody>

                    </table>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12" hidden>
                    <table class="table table-hover table-striped">
                        <tbody>
                        <tr hidden>
                            <th><input type="checkbox" id="checkbox_pe_ttm" onclick="check_click(this)"/></th>
                            <td>市盈率</td>
                            <td>
                                <select disabled="disabled" id="select_pe_ttm">
                                    <option> <=</option>
                                    <option> >=</option>
                                </select>
                            </td>
                            <td><input type="text" style="width: 100px;" id="text_pe_ttm" disabled="disabled"/></td>
                        </tr>
                        <tr>
                            <th><input type="checkbox" id="checkbox_pe_ttm" onclick="check_click(this)"/></th>
                            <td>市盈率</td>
                            <td>
                                <select disabled="disabled" id="select_pe_ttm">
                                    <option> <=</option>
                                    <option> >=</option>
                                </select>
                            </td>
                            <td><input type="text" style="width: 100px;" id="text_pe_ttm" disabled="disabled"/></td>
                        </tr>
                        <tr>
                            <th><input type="checkbox" id="checkbox_main_in" onclick="check_click(this)"/></th>
                            <td>主力净流入(万元）</td>

                            <td>
                                <select disabled="disabled" id="select_main_in">
                                    <option> <=</option>
                                    <option> >=</option>
                                </select>
                            </td>
                            <td><input type="text" style="width: 100px;" id="text_main_in" disabled="disabled"></td>
                        </tr>
                        <tr>
                            <th><input type="checkbox" id="checkbox_main_turnover_rate" onclick="check_click(this)"/>
                            </th>
                            <td>主力占换手率比例</td>
                            <td>
                                <select disabled="disabled" id="select_main_turnover_rate">
                                    <option> <=</option>
                                    <option> >=</option>
                                </select>
                            </td>
                            <td><input type="text" style="width: 100px;" id="text_main_turnover_rate"
                                       disabled="disabled"></td>
                        </tr>
                        </tbody>

                    </table>
                </div>
            </div>
        </div>
        <!--查找按钮-->
        <div align="center" style="width: 100%">
            <div class="row">
                <div class="col-lg-12 mb-4 mt-2 text-center">
                    {#                    <p class="text-center"><a class="btn btn-info btn-lg" href="#" role="button" onclick="query_with_conditions()">开始查找</a></p>#}
                    <button class="btn btn-info" onclick="query_with_conditions()">开始查询</button>
                </div>
            </div>
        </div>
    </section>

    <!--数据展示区-->
    <hr>
    <div class="center" style="width: 100%;" id="div_showdata">

    </div>


    <footer class="text-center" style="width: 100%;">
        <div style="color: orangered;text-align: center">
            此网站仅用于学习，请尊重相关网站版权，不可用于任何商业用途！！！
        </div>
    </footer>

</div>


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="{% static 'common/js/jquery.js' %}"></script>
<script src="{% static 'common/js/popper.js' %}"></script>
<script src="{% static 'common/js/bootstrap.min.js' %}"></script>
<script src="{% static 'stock/js/analysis.js' %}"></script>
<!-- csrf token  -->
<script>
    $.ajaxSetup({
        data: {csrfmiddlewaretoken: '{{ csrf_token }}'},
    });
</script>
{#<script src="D:\study\github\django_stock\static\common\js\jquery.js"></script>#}
{#<script src="D:\study\github\django_stock\static\common\js\popper.js"></script>#}
{#<script src="D:\study\github\django_stock\static\common\js\bootstrap.min.js"></script>#}
{#<script src="D:\study\github\django_stock\static\stock\js\analysis.js"></script>#}
</body>
</html>